<template>
  <div class="shop-list">
    <slot></slot>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({
  name: "CustomList"
})
</script>
<script setup lang="ts">

</script>

<style scoped lang="less">
@import "../vars";
.shop-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  margin: 1em;
  @media @phone {
    grid-template-columns: 1fr;
  }
}
</style>